<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/3/19
  Time: 10:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title>没饿哦——打造全国顶尖外卖</title>
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <link rel="shortcut icon" href="/images/user.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/user/all.css">
    <link rel="stylesheet" href="/css/user/footer.css">
    <link rel="stylesheet" href="/css/user/header.css">
    <script src="/layui/layui.js"></script>
    <script src="/js/user/index_all.js"></script>
    <script src="/js/user/all.js"></script>
    <script src="/js/jquery-3.3.1.min.js"></script>
</head>
<body>


<!-- 主体部分内容 begin -->
<!-- 筛选类型多选 begin -->
<%--<div class="layui-main we-all__range">--%>
<%--    <div class="layui-clear row channel">--%>
<%--        <ul>--%>
<%--            <li class="first active">--%>
<%--                <a href="javascript:void(0);" data="c_0">全部</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="c_1">平价美食</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="c_2">特价美食</a>--%>
<%--            </li>--%>

<%--        </ul>--%>
<%--    </div>--%>
<%--    <div class="layui-clear row type">--%>
<%--        <h3>美食分类：</h3>--%>
<%--        <ul>--%>

<%--            <li class="active">--%>
<%--                <a href="javascript:void(0);" data="s_0">全部</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="s_1">早餐</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="s_2">午餐</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="s_3">晚餐</a>--%>
<%--            </li>--%>
<%--        </ul>--%>
<%--    </div>--%>
<%--    <div class="layui-clear row action">--%>
<%--        <h3>美食类型：</h3>--%>
<%--        <ul>--%>

<%--            <li class="active">--%>
<%--                <a href="javascript:void(0);" data="b_0">全部</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="b_1">单品组合</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="b_2">套餐组合</a>--%>
<%--            </li>--%>

<%--        </ul>--%>
<%--    </div>--%>
<%--    <div class="layui-clear row size">--%>
<%--        <h3>美食评分：</h3>--%>
<%--        <ul>--%>

<%--            <li class="active">--%>
<%--                <a href="javascript:void(0);" data="w_0">不限</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="w_1">9分以上</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="w_2">8分以上</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="w_3">7分以上</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="w_4">6分以上</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="w_4">6分及以下</a>--%>
<%--            </li>--%>
<%--        </ul>--%>
<%--    </div>--%>
<%--    <div class="layui-clear row update">--%>
<%--        <h3>店铺分类：</h3>--%>
<%--        <ul>--%>

<%--            <li class="active">--%>
<%--                <a href="javascript:void(0);" data="u_0">不限</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="u_1">自营店铺</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="u_2">官方店铺</a>--%>
<%--            </li>--%>

<%--        </ul>--%>
<%--    </div>--%>
<%--</div>--%>


<%--<!-- 所有筛选类型中当前选中项的<li>标签增加active的class名 -->--%>

<%--<!-- 单项多选类型排序 begin -->--%>
<%--<div class="layui-main we-flex we-all__order">--%>
<%--    <div class="order">--%>
<%--        <ul>--%>

<%--            <li class="active">--%>
<%--                <a href="javascript:void(0);" data="o_0">默认</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="o_1">热门推荐</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="o_2">评分排序</a>--%>
<%--            </li>--%>

<%--            <li >--%>
<%--                <a href="javascript:void(0);" data="o_3">销售量排序</a>--%>
<%--            </li>--%>

<%--        </ul>--%>
<%--    </div>--%>
<%--    <div class="mode">--%>
<%--        <ul>--%>
<%--            <li>--%>

<%--                <a href="javascript:void(0);" data-id="0">--%>
<%--                    <i class="imgicon"></i>--%>
<%--                    <!-- <i class="layui-icon layui-icon-form"></i>  -->--%>
<%--                    图文模式--%>
<%--                </a>--%>
<%--            </li>--%>
<%--            <li>--%>

<%--                <a href="javascript:void(0);" data-id="1">--%>
<%--                    <i class="texticon"></i>--%>
<%--                    <!-- <i class="layui-icon layui-icon-list"></i> -->--%>
<%--                    列表模式--%>
<%--                </a>--%>
<%--            </li>--%>
<%--        </ul>--%>
<%--    </div>--%>

<%--</div>--%>
<!-- 单项多选类型排序 end -->
<!-- 作品展示结果列表 begin -->
<div id="from" class="layui-main we-all__result">
    <!-- 图文列表模式展示 begin -->
    <!-- 循环分页，每页4条数据 begin -->
    <div class="all-imglist">
        <ul class="layui-clear all-img__list">
            <!-- 循环的单一条数据 begin -->
            <c:forEach  items="${allFood}" var="list" varStatus="idxStatus">
                <li>
                    <div class="book-img-box">
                        <a href="javascript:void(0);" target="_blank">
                            <img src="${list.photo}" alt="${list.productName}">
                        </a>
                    </div>
                    <div class="book-mid-info">
                        <h4><a href="#" target="_blank">${list.productName}</a></h4>
                        <p class="info">
                            <!--a class="tag" href="#" target="_blank">历史</a><em>|</em-->
                            <a class="type" href="javascript:">平价</a><em>|</em>
                            <a class="status" href="javascript:">早餐</a><em>|</em>
                            <a class="type" href="javascript:">单品</a><em>|</em>
                            <a class="type" href="javascript:">自营</a><em>|</em>
                            <a class="update" href="javascript:">评分：9.8</a>
                        </p>
                        <p class="brief">
                                ${list.description}
                        </p>
                        <p class="layui-inline total">
                            <img src="/images/icon_iview_red.png" alt="浏览量">
                            <em>1896</em>
                        </p>
                    </div>
                </li>
            </c:forEach>
            <!-- 循环的单一条数据 end -->
        </ul>
    </div>
    <!-- 循环分页，每页4条数据 end -->
    <!-- 图文列表模式展示 end -->
    <!-- 文字表格列表模式展示 begin -->
    <div class="all-textlist">
        <table id="newsTable" lay-filter="newsTable"></table>
        <%--<table class="all-table-list" lay-filter="allBook" lay-data="{skin: 'line'}">--%>
        <%--<thead>--%>
        <%--<tr>--%>
        <%--<th lay-data="{field:'booktype', width:110}">评分</th>--%>
        <%--<th lay-data="{field:'bookname', width:330}">食品名称</th>--%>
        <%--<th lay-data="{field:'chapter'}">分类</th>--%>
        <%--<th lay-data="{field:'author', width:160}">类型</th>--%>
        <%--<th lay-data="{field:'booknum', width:82}">店铺</th>--%>
        <%--<th lay-data="{field:'updatetime', width:108}">店铺类型</th>--%>
        <%--<th lay-data="{field:'novel_id', hide:true}"></th>--%>
        <%--<th lay-data="{field:'chapter_id', hide:true}"></th>--%>
        <%--</tr>--%>
        <%--</thead>--%>
        <%--<tbody>--%>

        <%--<tr>--%>
        <%--<td>--%>
        <%--<div class="red">9.2分</div>--%>
        <%--</td>--%>
        <%--<td>螺蛳粉</td>--%>
        <%--<td>小吃</td>--%>
        <%--<td>单品</td>--%>
        <%--<td>螺粉汇</td>--%>
        <%--<td>官方店铺</td>--%>
        <%--<td>1</td>--%>
        <%--<td>1</td>--%>
        <%--</tr>--%>

        <%--</tbody>--%>
        <%--</table>--%>
    </div>
    <!-- 文字表格列表模式展示 end -->
</div>
<!-- 作品展示结果列表 end -->

<!-- 列表分页标签 begin -->
<div class="layui-main we-page">
    <div id="pagination" data-count="268"></div>
</div>
<!-- 列表分页标签 end -->
<form class="layui-form" lay-filter="dataFrm" id="dataFrm">
    <input type="hidden" value="0" name="identity">
    <input type="hidden" value="" name="delivererName">
    <input type="hidden" value="0" name="phone">
    <input type="hidden" value="0" name="loginId">
    <input type="hidden" value="0" name="loginPwd">
    <input type="hidden" value="0" name="u">
    <input type="hidden" value="0" name="o">
    <input type="hidden" value="1" name="page">
    <input type="hidden" value="10" name="psize">
</form>


</body>
</html>
